// 上面这个代码处理过度动画（默认加上不用管）
document.addEventListener('DOMContentLoaded', () => {
  setTimeout(() => {
    document.body.classList.add('sidenav-pinned')
    document.body.classList.add('ready')
  }, 200)
})

// 1.配置请求根目录
axios.defaults.baseURL = 'http://ajax-api.itheima.net'

axios.defaults.headers.common['Authorization'] = localStorage.getItem('token')
// 2.配置请求拦截器 (加请求头)
// axios.interceptors.request.use(function (config) {
//   // 在发送请求之前做些什么
//   config.headers.Authorization = localStorage.getItem('token')
//   return config;
// }, function (error) {
//   // 对请求错误做些什么
//   return Promise.reject(error);
// });

// 3. 配置响应拦截器（判断token是否过期）
axios.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么
  return response;
}, function (error) {
  // 超出 2xx 范围的状态码都会触发该函数。
  // console.dir(error)
  if (error.response.status === 401) {
    // 说明token过期了，总之token不能用了
    localStorage.removeItem('token')
    location.href = './login.html' 
  }
  // 对响应错误做点什么
  return Promise.reject(error);
});

// 插件用法 (老师写的插件)
// 处理用户名和退出
// 自己给用户名那个span加个 id="username"

// if (document.querySelector('#username') && document.querySelector('#logout')) {
//   document.querySelector('#username').innerHTML = localStorage.getItem('username')
  
//   // 退出（退出要做的事情，和登录刚好相反）
//   document.querySelector('#logout').addEventListener('click', function () {
//     message.confirm('提示', '你确定要退出吗？', res => {
//       if (res) {
//         // 清除本地存储中的user-name 和 user-token
//         localStorage.removeItem('username')
//         localStorage.removeItem('token')
//         // 跳转到登录页
//         location.href = './login.html'
//       }
//     })
//   })
// }